<div class="main">
    <div class="top-title">2018年早稻曹庄南梗</div>
    <div class="status-div">
        <div class="status-title">
            <div class="title">数据统计</div>
            <span class="title-item">品种：南梗46</span>
            <span class="title-item">地块：种植地块01、种植地块03</span>
            <span class="title-item">种植时间：2018-05-03</span>
        </div>
        <div class="status-content">
            <div class="status-item" v-for="(item, index) in items" :key="index">
                <div class="line"></div>
                <div class="name">晒谷</div>
                <div class="circle" :class="{'fail': !item.bool}"></div>
                <div class="name">张三</div>
                <div class="time">2019-02-19 10：00：00至2019-02-19 10：00：00</div>
            </div>
        </div>
    </div>
    <div class="table-item">
        <div class="table-item-title">种植记录</div>
        <el-table :data="tableData" height="250" border style="width: 100%">
            <el-table-column prop="field1" label="开始时间" width="180"></el-table-column>
            <el-table-column prop="field2" label="结束时间" width="180"></el-table-column>
            <el-table-column prop="field3" label="地块"></el-table-column>
            <el-table-column prop="field3" label="种植操作"></el-table-column>
            <el-table-column prop="field3" label="操作人"></el-table-column>
            <el-table-column prop="field4" label="地理位置验证">
                <template slot-scope="scope">
                    <div v-if="scope.row.field4" style="color:#1ABC9C">有效</div>
                    <div v-if="!scope.row.field4" style="color:red">无效</div>
                </template>
            </el-table-column>
        </el-table>
    </div>
    <div class="table-item">
        <div class="table-item-title">投入品记录</div>
        <el-table :data="tableData" height="250" border style="width: 100%">
            <el-table-column prop="field1" label="投入品名称" width="180"></el-table-column>
            <el-table-column prop="field2" label="投入品类别"></el-table-column>
            <el-table-column prop="field3" label="投入品批号"></el-table-column>
            <el-table-column prop="field3" label="用量"></el-table-column>
            <el-table-column prop="field3" label="使用时间" width="180"></el-table-column>
            <el-table-column prop="field3" label="地块"></el-table-column>
            <el-table-column prop="field3" label="种植操作"></el-table-column>
            <el-table-column prop="field3" label="操作人"></el-table-column>
        </el-table>
    </div>
    <div class="table-item">
        <div class="table-item-title">监测记录</div>
        <el-table :data="tableData" height="250" border style="width: 100%">
            <el-table-column prop="field1" label="监测名称" width="180"></el-table-column>
            <el-table-column prop="field2" label="监测人"></el-table-column>
            <el-table-column prop="field3" label="监测结果"></el-table-column>
            <el-table-column prop="field3" label="监测时间" width="180"></el-table-column>
            <el-table-column prop="field3" label="农药残留"></el-table-column>
            <el-table-column prop="field3" label="重金属残留"></el-table-column>
        </el-table>
    </div>
    <div class="table-item">
        <div class="table-item-title">监测记录</div>
        <el-table :data="tableData" height="250" border style="width: 100%">
            <el-table-column prop="field1" label="监测名称" width="180"></el-table-column>
            <el-table-column prop="field2" label="监测人"></el-table-column>
            <el-table-column prop="field3" label="监测结果"></el-table-column>
            <el-table-column prop="field3" label="监测时间" width="180"></el-table-column>
            <el-table-column prop="field3" label="当前生长期"></el-table-column>
            <el-table-column prop="field3" label="茎秆长度（cm）"></el-table-column>
            <el-table-column prop="field3" label="有无病害"></el-table-column>
            <el-table-column prop="field3" label="叶绿素（mg/m）"></el-table-column>
        </el-table>
    </div>
</div>